@layout("/common/_container.html",{js:["/assets/basic/basicAddress/basicAddress_add.js"]}){
<style>
	.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
    	border-color: #89d19d;
    }
    .layui-form-pane .layui-form-label {
   	 	background-color: #e6e6e6;
	}
	.layui-form-item {
    	margin-bottom: 6px;
	}
</style>
<div class="layui-body-header">
    <span class="layui-body-header-title">Add</span>
</div>

<div class="layui-fluid " style="">
    <div class="layui-card">
        <div class="layui-card-body">
            <form id="basicAddressForm" lay-filter="basicAddressForm" class="layui-form layui-form-pane" style="max-width: 700px;margin: 40px auto;">
                <input name="id" type="hidden"/>
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                    <legend>Add Customer Address</legend>
                </fieldset>
                <input name="putgoodsId" value="${putgoodsId}" type="hidden"/>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">Pickup Radius<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="switchBj" name="switchBj" value="1500" placeholder="Enter" type="text" class="layui-input" lay-verify="required" required/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">Delivery Radius<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="switchBj2" name="switchBj2" value="2000" placeholder="Enter" type="text" class="layui-input" lay-verify="required" required/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">Line</label>
                    <div class="layui-input-block">
                        <select id="lineId" name="lineId" lay-filter="lineId" lay-verify="" required>
                            <option value="">Select</option>
                            @for(item in llist!){
                            <option value="${item.id}">${item.lineName}</option>
                            @}
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">Detailed Address<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="address" name="address" placeholder="Enter address" type="text" class="layui-input" lay-verify="required" required/>
                        <button class="layui-btn" type="button" id="selectlocation"><i class="layui-icon">&#xe715;</i>Select Location</button>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">Longitude<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="longitude" name="longitude" placeholder="Enter longitude" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">Latitude<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="latitude" name="latitude" placeholder="Enter latitude" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
                    </div>
                </div>
                <div class="layui-form-item layui-inline" >
                    <label class="layui-form-label">Province<span style="color: red;">*</span></label>
                    <div class="layui-inline" >
                        <select name="sheng" id="sheng"  lay-filter="xmFilter" lay-verify="required" required>
                            <option value="" id="">Select Province</option>
                            <option value="Beijing" id="11">Beijing</option>
                            <option value="Tianjin" id="12">Tianjin</option>
                            <option value="Hebei" id="13">Hebei</option>
                            <option value="Shanxi" id="14">Shanxi</option>
                            <option value="Inner Mongolia" id="15">Inner Mongolia</option>
                            <option value="Liaoning" id="21">Liaoning</option>
                            <option value="Jilin" id="22">Jilin</option>
                            <option value="Heilongjiang" id="23">Heilongjiang</option>
                            <option value="Shanghai" id="31">Shanghai</option>
                            <option value="Jiangsu" id="32">Jiangsu</option>
                            <option value="Zhejiang" id="33">Zhejiang</option>
                            <option value="Anhui" id="34">Anhui</option>
                            <option value="Fujian" id="35">Fujian</option>
                            <option value="Jiangxi" id="36">Jiangxi</option>
                            <option value="Shandong" id="37">Shandong</option>
                            <option value="Henan" id="41">Henan</option>
                            <option value="Hubei" id="42">Hubei</option>
                            <option value="Hunan" id="43">Hunan</option>
                            <option value="Guangdong" id="44">Guangdong</option>
                            <option value="Guangxi" id="45">Guangxi</option>
                            <option value="Hainan" id="46">Hainan</option>
                            <option value="Chongqing" id="50">Chongqing</option>
                            <option value="Sichuan" id="51">Sichuan</option>
                            <option value="Guizhou" id="52">Guizhou</option>
                            <option value="Yunnan" id="53">Yunnan</option>
                            <option value="Tibet" id="54">Tibet</option>
                            <option value="Shaanxi" id="61">Shaanxi</option>
                            <option value="Gansu" id="62">Gansu</option>
                            <option value="Qinghai" id="63">Qinghai</option>
                            <option value="Ningxia" id="64">Ningxia</option>
                            <option value="Xinjiang" id="65">Xinjiang</option>
                            <option value="Hong Kong" id="81">Hong Kong</option>
                            <option value="Macau" id="82">Macau</option>

                        </select>
                    </div>
                </div>
                <div class="layui-form-item layui-inline">
                    <label class="layui-form-label">City<span style="color: red;">*</span></label>
                    <div class="layui-inline" >
                        <select name="shi" id="shi"  lay-filter="xmFilter2" lay-verify="required" required>
                            <option value="" >Select City</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item layui-inline">
                    <label class="layui-form-label">District/County<span style="color: red;">*</span></label>
                    <div class="layui-inline" >
                        <select name="qu" id="qu"  lay-filter="xmFilter3" lay-verify="required" required>
                            <option value="" >Select District/County</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item layui-inline">
                    <label class="layui-form-label">Town/Street</label>
                    <div class="layui-inline" >
                        <select name="jie" id="jie"  lay-filter="xmFilter4">
                            <option value="" >Select Town/Street</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Kilometers</label>
                    <div class="layui-input-block">
                        <input id="kilometer" name="kilometer" placeholder="Enter delivery kilometers" type="number" class="layui-input" lay-verify="" required/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Contact Person</label>
                    <div class="layui-input-block">
                        <input id="contacts" name="contacts" placeholder="Enter contact person" type="text" class="layui-input" lay-verify="" required/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Contact Phone</label>
                    <div class="layui-input-block">
                        <input id="tel" name="tel" placeholder="Enter contact phone" type="text" class="layui-input" lay-verify="" required/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-filter="btnSubmit" lay-submit>&emsp;Submit&emsp;</button>
                        <button class="layui-btn layui-btn-primary" type="button" id="backupPage">&emsp;Return&emsp;</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@}